/***   Basic Template Styling   ***/
body {
	background-color:#999;
}

body a, a:hover {
	text-decoration:none;
}

img {
	border:none;
}

#body{
	background:url(../img/bodybg.png);
	color: #369;
	text-align:center;
	background-color:#FFF;
	position:relative;
	font-family: "Calibri", Arial;
	font-size: 14px;
	font-weight: bold;
	
}

#bottombg{
	background:#CCC;
	font: 12px "Calibri", Arial;
	text-align:center;
	color:#000;
	display: block;
    position:relative;
    padding:5px;
}

#qut_logo { 
	background:url(../img/corpsite-logo.png) no-repeat left;
	padding-top:120px;
	margin-left:30px;
}

#topbar{ 
	background:url(../img/logo-header-bg.jpg);
	background-position:center;
	width:auto;
	height:135px;
	vertical-align:top;
}

#menubar{ 
	background:url(../img/menu-bg.png) repeat left;
	height:50px;
	width:100%;
}

#slogan{ 
	position:relative;
	float:right;
	top:-70px;
	left:-15px;
}

#breadcrumbs {
	position:relative;
	display:inline;
	left:15px;
	top:15px;
	color:#FFF;
	font: bold 14px "Calibri", Arial;
}

#menubar a{
	color:#FFF;
	font: bold 16px "Calibri", Arial;
}
	
#logout{
	font: bold 16px "Calibri", Arial;
	position:relative;
	float:right;
	left:170px;
	top:15px;
	color: #ebebeb;
}

/***   Error Bar Styling   ***/
#error {
	color:#F00;
	padding:15px;
	background:#F99;
	font: bold 20px Calibri, Arial;
	text-align:center;
	position:relative;
	top:0;
	left:0;
	right:0;
	display:none;
}

#error a {
	text-decoration:none;
	color:#777;
	width:100%;
	height:100%;
}

/***   Form Styling   ***/
#createform{
	color: #000;
	font: bold 12px "Calibri", Arial;
	background:url(../img/bodybg.png) center;
	padding-top:20px;
	min-height:365px;
}

/***   Heading Bar Styling   ***/
#namebar_email{
	background:url(../img/email.png) center;
	background-repeat:no-repeat;
	height:40px;
	background-color:#369;	
}
#namebar_assessemail{
	background:url(../img/assessemail.png) center;
	background-repeat:no-repeat;
	height:40px;
	background-color:#369;	
}
#namebar_tutoremail{
	background:url(../img/tutemail_hd.png) center;
	background-repeat:no-repeat;
	height:40px;
	background-color:#369;	
}
#namebar_studentemail{
	background:url(../img/studentemail.png) center;
	background-repeat:no-repeat;
	height:37px;
	background-color:#369;	
}
#namebar_creategroup{
	background:url(../img/groupcreation.png) 	no-repeat center;
	height:40px;
	background-color:#369
	
}
#namebar_enrolment{
	background:url(../img/enrolment.png) 	no-repeat center;
	height:40px;
	background-color:#369
	
}
#namebar_Files{
	background:url(../img/filesbar.png) 	no-repeat center;
	height:40px;
	background-color:#369
	
}
#namebar_groups{
	background:url(../img/groupinfo.png) 	no-repeat center;
	height:40px;
	background-color:#369
	
}
#namebar_home{
	background:url(../img/menubar.png) 	no-repeat left;
	height:40px;
	background-color:#369;

}
#namebar_Management{
	background:url(../img/Management.png) 	no-repeat left;
	height:40px;
	background-color:#369;
}

#namebar_manage{
	background:url(../img/studentmanagement.png) 	no-repeat left;
	height:40px;
	background-color:#369;
}

#namebar_manageclass{
	background:url(../img/classmngr.png) 	no-repeat left;
	height:40px;
	background-color:#369;
}
#namebar_edittutor{
	background:url(../img/tutoredit.png) 	no-repeat left;
	height:40px;
	background-color:#369;
}
#namebar_edit{
	background:url(../img/studentedit.png) 	no-repeat left;
	height:40px;
	background-color:#369;
}
#namebar_editclass{
	background:url(../img/classedit.png) 	no-repeat left;
	height:40px;
	background-color:#369;
}
#namebar_tutexport{
	background:url(../img/tutexp.png) 	no-repeat left;
	height:40px;
	background-color:#369;	
}
#namebar_results{
	background:url(../img/studresults_hd.png) 	no-repeat left;
	height:40px;
	background-color:#369;	
}
#namebar_review{
	background:url(../img/peerrev_hd.png) 	no-repeat left;
	height:38px;
	background-color:#369;	
}


/***   Login Page Styling   ***/
#leftborder {
	background:url(../img/border_L.png)left;
	max-height: 1000px;	 
	width:300px;	
}

#login-box {
	width:333px;
	height: 410px;
	padding: 28px 76px 0 76px;
	margin:auto;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../img/login-box-backg.png) no-repeat left top;
}

#login-box img { 
	text-align:center;
	border:none;
}

#login-box h2 {
	padding:0;
	margin:0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
}


#login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}

.form-login  {
	width: 205px;
	padding: 10px 4px 6px 3px;
	border: 1px solid #0d2c52;
	background-color:#1e4f8a;
	font-size: 16px;
	color: #ebebeb;
}

.login-box-options  {
	clear:both;
	position:relative;
	padding-left:87px;
	top:10px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}

/***   Button Styling   ***/
.SubmitBtn {
	background:url(../img/Sendemail_btn.png)
	no-repeat;
	height:47px;
	width:203px;
	border:none;
}
.CreateBtn {
	 background:url(../img/create.png)
	no-repeat;
	height:45px;
	width:108px;
	border:none;
}
.CancelBtn {
	background:url(../img/cancel.png)
	no-repeat;
	height:45px;
	width:108px;
	border:none;
}
.subBtn {
	background:url(../img/submitbtn.png)
	no-repeat;
	height:45px;
	width:108px;
	border:none;
}
.updateBtn {
	background:url(../img/updatebtn.png)
	no-repeat;
	height:45px;
	width:108px;
	border:none;
}
.exportBtn {
	background:url(../img/exportbtn.png)
	no-repeat;
	height:45px;
	width:108px;
	border:none;
}

.impBtn {
	height:45px;
	width:108px;
	background:url(../img/importbtn.png)
	no-repeat;
	border:none;
}

/***   Graph Styling   ***/
#graph {
	text-align:center;
	position:relative;
	background:#EEE;
	width: 650px;
	height: 210px;
	padding-top: 40px;
	margin:auto;
}

#graphscale {
	display:inline-block;
	margin-right:10px;
}

#graphremaining {
	display:inline-block;
	background:#66C;
	width: 5px;
}

#graphsofar {
	display:inline-block;
	background:#6C6;
	width: 5px;
}

.graphcol {
	background:#005;
	display:inline-block;
	margin-right:3px;
	width:12px;
	
}

.graphcol:hover {
	background:#88F;	
}

.graphdata {
	display:none;
	background:#AAF;
	border:1px solid #005;
	position:absolute;
	top: 170px;
	left:220px;
	width: 210px;
	height: 48px;
}

.graphcol:hover + .graphdata {
	display:inline-block;
}
